@CHARSET "UTF-8";
.clr{clear:both;}
textarea{resize: none;}
input[type=text], input[type=password], select, textarea{
	margin:0;
	height: 33px;
	border: 1px solid #dcdcdc;
	background-color: #f9f9f9;
	-ms-box-sizing:border-box;
	-moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    padding: 6px;
    border-radius: 5px;
}
textarea{font-family: Arial;font-size: 12px;}
input[type=text]:focus,input[type=password]:focus, select:focus, textarea:focus {background-color:#eee;}

/** Buttons */
/** (Comment if you don't like transition) Transition */
.w8-button, .w8-icon { transition: 0.2s all ease; -moz-transition: 0.2s all ease; -webkit-transition: 0.2s all ease; -o-transition: 0.2s all ease; -ms-transition: 0.2s all ease; }
.w8-button {border-radius: 5px;display: inline-block;padding: 7px 15px 8px 15px; border: none; font-family: 'Segoe UI', 'Open Sans', Arial, sans-serif; /*font-size: 13px;*/ cursor: pointer; opacity: 0.9; color:#fff; }
.w8-icon {display:block; color: #fff; text-align:center; padding: 7px 7px 7px 7px; border: none; /* background: url(http://web.randstad.be/award/_grafix/icon_twitter.png) no-repeat center */; cursor: pointer; opacity: 0.9; width: 55px; height: 48px; }
.w8-icon img{
	margin-bottom: 0px;
}
.w8-icon span{
	display: block;
    line-height:15px;
}
.item{float: left; margin: 3px;}
.w8-button:hover, .w8-icon:hover { opacity: 1; color:white;}	
/*.w8-button:active, .w8-icon:active { color: white !important; background-color:#000!important; }*/
/* button images */
.w8-button.twitter { padding-right: 50px !important; background: url(http://web.randstad.be/award/_grafix/icon_twitter.png) no-repeat 80px center; }
.w8-button.gmap {
    background: url("http://web.randstad.be/award/_grafix/icon_twitter.png") no-repeat scroll 7px center transparent;
    padding-left: 50px !important;
    font-weight:bold;
}
.w8-button.back {
    background: url("/Images/System/Back-button.png") no-repeat scroll 7px center transparent;
    padding-left: 37px !important;
    font-weight:bold;
}

/* button color */
.w8-button.red, .w8-icon.red { background-color: #f43535 /*#FF8C00;*/ }
.w8-button.green, .w8-icon.green { background-color: #5ad427;}
.w8-button.pink, .w8-icon.pink { background-color: #FF4981; }
.w8-button.d-blue, .w8-icon.d-blue { background-color: #0099ab; }
.w8-button.yellow, .w8-icon.yellow { background-color: #fba919; }
.w8-button.l-blue, .w8-icon.l-blue { background-color: #12A7EB; }
.w8-button.violet, .w8-icon.violet { background-color: #CB6EDF; }
.w8-button.grey, .w8-icon.grey { background-color: #474747; }

.w8-button.red:active, .w8-icon.red:active { color: white !important; background-color:#ee3a3a!important; }
.w8-button.green:active, .w8-icon.green:active { color: white !important; background-color:#46d10b!important; }
.w8-button.l-blue:active, .w8-icon.l-blue:active { color: white !important; background-color:#059bdf!important; }

/*------*/
.form{width: 100%;}
.form .form-row{float: left; width: 100%; margin-bottom: 10px;}
.form .form-row .label{width: 100px; float: left; text-align: right; padding-right: 10px;margin-top: 9px;}
.form .form-row .label:hover{font-weight: bold; cursor: default;}
